import router from '@/router'
import store from '@/store'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
// *** 设置登录拦截（全局前置守卫）
const whiteList = ['/login', '404NotFond']
router.beforeEach(async(to, from, next) => {
  NProgress.start()
  const token = store.getters.token
  // 有token
  if (token) {
    if (to.path === '/login') {
      // 登录过了还要登录,访问首页
      next('/')
      NProgress.done()
    } else {
      // console.log('登录了')
      // 正常访问首页等页面,在这最早获取用户信息,从vuex中读取
      if (!store.state.user.userInfo.userId) {
        // 表示没有获取过userInfo
        const res = await store.dispatch('user/getUserInfo')
        console.log('前置守卫:将来权限控制', res)
      }
      next()
    }
  } else {
    if (whiteList.includes(to.path)) {
      // 要访问的页面在白名单里
      next()
    } else {
      // 要访问的页面不在白名单里
      next('/login')
      NProgress.done()
    }
  }

  // *** 后置守卫
  router.afterEach((to, from) => {
    NProgress.done()
  })
})
